<template>
	<el-button class="mk-btn-edit"  icon="ele-Edit" v-reclick="1500" :disabled="!isEdit">
		<slot>编辑</slot>
	</el-button>
</template>

<script lang="ts" setup>

// 通用的编辑按钮，主要是统一图标、文本、样式
// 用法：<MkButtonEdit @click="edit"> </MkButtonEdit>
defineOptions({
	name: 'MkButtonEdit',
});

const props = defineProps({
	isEdit: { // 为false时不能编辑,也不能修改编辑状态
		type: Boolean,
		default: false
	}
})
</script>

<style scoped>
.mk-btn-edit {
	background-color: #7e57c2;
	border-color: #7e57c2;
	color: #fff;
}
.mk-btn-edit:hover {
	opacity: 0.85;
}
</style>